<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>游戏攻略</title>
  <link rel="stylesheet" href="css/game_tips.css">
  <script src="js/game_tips.js" ></script>
  <script src="js/comment.js"></script>
 </head>
 <body>
  <!-- 大框 -->
  <div id="container">
	<!--1头部  -->
	<div id="header">
		<div id="logo"></div>
		<div id="select_search">
			<table height="80px" align="right" >
				<tr align="right">
					<td colspan="4">
						<select id="sel">
							<option selected>简体中文</option>
							<option >繁体中文</option>
							<option >English</option>
						</select>
					</td>
				</tr>
				<tr align="right">
					<td><font size="2">关键词:</font></td>
					<td><input type="text" size="25"></td>
					<td><input type="image" src="images/搜索.png"></td>
				</tr>
			</table>
		</div>	
	</div>
	<!--2导航  -->
	<div id="nav">
		<table>
			<td ><a href="index.html">首页</a></td>
			<td ><a href="game_introduction.html">游戏介绍</a></td>
			<td ><a href="game_tips.html">游戏攻略</a></td>
			<td ><a href="toy.html">手办商城</a></td>
			<td ><a href="survey.html">问卷调查</a></td>
			<td ><a href="join.html">加入我们</a></td>
		</table>
	</div>
	<!-- 3英雄出装铭文 -->
	<div id="hero_picture">
	<p align="left"><font color="gray" size="5">英雄出装及铭文(选中英雄名字即可切换图片)</font></p>
		<hr size="2px" color="#b5b5b5" width="990px" align="left">
	<div id="hero_left">
		<table id="hero_tips">
			<tr bgcolor="gray">
				<td onmouseover="hero(0)">上官婉儿</td>
				<td onmouseover="hero(1)">狄仁杰</td>
				<td onmouseover="hero(2)">蔡文姬</td>
				
			</tr>
			<tr bgcolor="gray">
				<td onmouseover="hero(3)">夏侯惇</td>
				<td onmouseover="hero(4)">嫦娥</td>
				<td onmouseover="hero(5)">狂铁</td>
				
			</tr>
			<tr bgcolor="gray">
				<td onmouseover="hero(6)">阿珂</td>
				<td onmouseover="hero(7)">铠</td>
				<td onmouseover="hero(8)">嬴政</td>	
			</tr>
			<tr bgcolor="gray">
				<td onmouseover="hero(9)">安琪拉</td>
				<td onmouseover="hero(10)">西施</td>
				<td onmouseover="hero(11)">甄姬</td>
				
			</tr>
			
			<tr bgcolor="gray">
				<td onmouseover="hero(12)">马可波罗</td>
				<td onmouseover="hero(13)">孙悟空</td>
				<td onmouseover="hero(14)">百里守约</td>
				
			</tr>
			<tr bgcolor="gray">
				<td onmouseover="hero(15)">黄忠</td>
				<td onmouseover="hero(16)">庄周</td>
				<td onmouseover="hero(17)">盘古</td>
				
			</tr>
			<tr bgcolor="gray">
				<td onmouseover="hero(18)">张良</td>
				<td onmouseover="hero(19)">貂蝉</td>
				<td onmouseover="hero(20)">百里玄策</td>
				
			</tr>
			<tr bgcolor="gray">
				<td onmouseover="hero(21)">姜子牙</td>
				<td onmouseover="hero(22)">李信</td>
				<td onmouseover="hero(23)">明世隐</td>
				
			</tr>
			<tr bgcolor="gray">
				<td onmouseover="hero(24)">武则天</td>
				<td onmouseover="hero(25)">雅典娜</td>
				<td onmouseover="hero(26)">成吉思汗</td>
				
			</tr>
			<tr bgcolor="gray">
				<td onmouseover="hero(27)">裴擒虎</td>
				<td onmouseover="hero(28)">程咬金</td>
				<td onmouseover="hero(29)">橘右京</td>
			</tr>	
			<tr bgcolor="gray">
				<td onmouseover="hero(30)">瑶</td>
				<td onmouseover="hero(31)">鬼谷子</td>
				<td onmouseover="hero(32)">艾琳</td>
			</tr>
		</table>
		</div>
		<div id="hero_right">
				<img id="a1" src="images/嬴政出装铭文.jpg" width="640px" height="300px"/>
		</div>
	</div>
	<!-- 4游戏视频 -->
	<div id="video">
		<p align="left"><font color="#990000" size="6" face="宋体">教学视频推荐</font></p>
		<hr size="2px" color="#b5b5b5" width="990px" align="left">
		<table >
		<tr>
		<td><video src="videos/炮兵转圈圈.mp4"  autostart="false" loop="flase" width="320px" height="200px" controls></video></td>
		<td><video src="videos/炮兵转圈圈.mp4" autostart="false" loop="flase" width="320px" height="200px" controls></video></td>
		<td><video src="videos/炮兵转圈圈.mp4"  autostart="false" loop="flase" width="330px" height="200px" controls></video></td>
		</tr>
		<tr align="cenetr">
			<td>橘右京二闪</td>
			<td>西施爆发</td>
			<td>快乐就是这样哈哈</td>
		</tr>
		<tr>
		<td><video src="videos/炮兵转圈圈.mp4"  autostart="false" loop="flase" width="320px" height="200px" controls></video></td>
		<td><video src="videos/炮兵转圈圈.mp4"  autostart="false" loop="flase" width="320px" height="200px" controls></video></td>
		<td><video src="videos/炮兵转圈圈.mp4"  autostart="false" loop="flase" width="330px" height="200px" controls></video></td>
		</tr>
		<tr align="cenetr">
			<td>百里守约一根葱</td>
			<td>炮车是卧底</td>
			<td>王者荣耀是真的好玩</td>
		</tr>
		</table>
	</div>
	<!-- 5留言 -->
	<div id="comment">
		<h2>留言板</h2>
		<hr size="2px" color="#b5b5b5" width="990px" align="left">

		<form>
			<table align="center">
				<tr>
					<td>用户名：</td>
					<td><input type="text" id="n"/></td>
					<td>Wechat：</td>
					<td><input type="text" id="x"/></td>
					<td>留言时间：</td>
					<td><input type="text" id="t"/></td>
				</tr>
				<tr>
					<td >留言内容：</td>
					<td colspan="5"><textarea id="txt" cols="100" rows="3" placeholder="评论的时候，请遵纪守法并注意语言文明"></textarea></td>
              
				</tr>

				<tr >
					<td colspan="3"><input type="submit" value="提交留言" onclick="check()"></th>
					<td colspan="3"><input type="reset" value="重置内容"></th>
				</tr>
			</table>
		</form>
	</div>
	
 </div>
  
 </body>
</html>
